<!-- components/icons/IconArrow.vue -->
<template>
    <svg class="w-3 h-3 shrink-0 ml-1 fill-current text-gray-400 dark:text-gray-500 transition-transform duration-200"
        :class="{ 'rotate-180': expanded }" viewBox="0 0 12 12">
        <path d="M5.9 11.4L.5 6l1.4-1.4 4 4 4-4L11.3 6z" />
    </svg>
</template>

<script setup lang="ts">
defineProps<{
    expanded?: boolean
}>()
</script>